<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="shortcut icon" href="/img/favicon.png">
    <link rel="stylesheet" href="/css/modules/reset.css">
    <link rel="stylesheet" href="/css/modules/header.css">
    <link rel="stylesheet" href="/css/modules/footer.css">
    <link rel="stylesheet" href="/css/list.css">
</head>
<body>
    <header></header>
    <main>
        <div class="main-header">
            <div class="main-hd">
                <p>
                    <a href="/index.html">首页</a>
                    <span>></span>
                    <b>基础系列</b>
                </p>
            </div>
        </div>
        <div class="main-nav">
            <span class="main-dl">分类：</span>
            <dl id="navList">
                <!-- <dd><a href="/html/list.html">全部</a></dd> -->
            </dl>
            <script type="text/html" id="navListTemplate">
                {{each list item}}
                <dd><a href="/html/list.html?id={{item.id}}">{{item.name}}</a></dd>
                {{/each}}
            </script>
        </div>
        <div class="content">
            <div class="container">
                <div class="container-hd">
                    <ul>
                        <li class="hd">综合排序</li>
                        <li>销量</li>
                        <li>价格 </li>
                        <li>最新</li>
                    </ul>
                </div>
                <div class="container-list">
                    <ul id="giftList">
                        <!-- <li>
                            <a class="a" href="/html/details.html"><img src="/img/list4.jpg" alt=""></a>
                           <h3 class="title"><a href="/html/details.html">(新品)海鸥D304planB航空计时表飞行复古码表819.17.1963</a></h3>
                            <p class="desc">已设置最大优惠，无需领劵</p>
                            <p class="pre-price">指导价：<sapn>3650.00</span>元</p>
                            <p class="now-price"><span>2799.00</span>元</p>
                        </li>
                         -->
                    </ul>
                   <script type="text/html" id="giftListTemplate">
                    {{each list item}}
                    <li>
                         <a class="a" href="/html/details.html?id={{item.id}}"><img src="{{item.image}}" alt=""></a>
                         <h3 class="title"><a href="/html/details.html?id={{item.id}}">{{item.title}}</a></h3>
                         <p class="desc">{{item.expireMsg}}</p>
                        <p class="pre-price">指导价<span>{{item.originPrice}}</span>元</p>
                        <p class="now-price"><span>{{item.price}}</span>元</p>
                    </li>
                    {{/each}}
                    </script>
                </div>
                <div class="list-pages">
                    <span>上一页</span>
                    <span>1</span>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">5</a>
                    <a href="#">6</a>
                    <a href="#">7</a>
                    <a href="#">下一页</a>
                    <span>共7页/&nbsp;&nbsp;140条数据 </span>
                </div>
            </div>
        </div>
    </main>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>
</html>